| Structure en arbre... |
L'un des points fondamentaux des feuilles de style s'appuie sur la structure du langage HTML. Ce dernier tire son origine de SGML, un langage très structuré décrivant la structure d'un texte dans une optique essentiellement documentaire.
Les balises qui composent le document HTML sont disposées selon une structure en arbre (figurée ci-contre). Ainsi, chacune d'entre elles possède un parent, et engendre un (des) fils.
On conçoit aisément l'intérêt d'une telle structure pour travailler sur l'organisation du texte. Pour les feuilles de style, cela va permettre d'utiliser l'héritage.
| ...et Héritage. |
De la même façon que les enfants héritent de leurs parents certaines caractéristiques, les balises HTML des niveaux inférieurs reçoivent les caractéristiques stylistiques de celles des niveaux supérieurs.
Pour parler clairement, sur la figure ci-dessus, si une propriété est définie au niveau de la balise <BODY>, alors les balises <H1> et <P> les possèderont aussi, sauf contre-ordre.
Ainsi, on peut spécifier Arial comme police par défaut dans tout le document HTML en écrivant le code suivant:
<style type="text/css">
<!--
BODY {
font-family : Arial, Helvetica;
color : #000000
}
-->
</style>Dès lors, tous les styles ultérieurement définis emploieront la police Arial si rien d'autre n'est spécifié. Biensûr, la proposition CSS1 a aussi prévu la surcharge. Si l'on précise dans la feuille de style associée à la balise <H3> la police Times, alors celle-ci prendra le pas sur la valeur par défaut, Arial...
